﻿ /** @version:1.1.5
 * @author:byl@*/
@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
body, html {
    font-family:"微软雅黑";
    font-size: 14px;
    margin: 0;
    min-width: 1000px;
    padding: 0;
	background-color:#f2f2f2;
}
.font20{font-size:20px;}
.indextop{
	border-top: 2px #3399ff solid;margin-bottom: 1px;line-height: 30px
}

.col-555{color: #555;}
.col-999{color: #999;}
.col-333{color: #333;}
.col-fff{color: #fff;}
.col-org{color: #f80;}
.col-blue{color: #39f;}
.bg-fff{background: #fff;}
.posi-rel{position: relative;}
.posi-abu{position: absolute;}
.posi-fix{position: fixed;}
.border-radius{border-radius: 50%;}
.fl{float: left;}
.fr{float: right;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font-bold{font-weight: 600;}
.ml45{margin-left: 45px;}   /* 新加*/
.mtb5{margin: 5px 0;}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}
.text-center{text-align: center;}
i{font-style: normal;}
input {
	margin:0;
	padding:0;
    color: #333;
    font-size: 12px;
    outline: 0 none;
    vertical-align: middle;height: 40px !important;border: 1px solid #d7d7d7
}
button, dd, div, dl, dt, form, img, li, ol, p, td, th, ul{
    border: 0 none;
    margin: 0;
    padding: 0;
}

/*修改绑定*/
.rebinding-menu{ background-color:#fff; height:80px;width:100%; line-height: 80px; border-bottom:solid 1px #d5d5d5; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);margin-bottom: 14px;z-index: 1100;}
.rebinding-menu .logo{float: left;}
.rebinding-menu .rebinding-btn{float: right;}
.rebinding-btn button{width: 80px; height: 40px; background-color: #3399FF; color: #fff; border-radius: 6px;}
.rebinding-box .box-title{width: 500px;margin: 60px auto;text-align: center;}
.rebinding-box .box-title i{font-size: 12px;color: #999;}
.rebinding-box .box-timeline{width: 775px; margin: 0 auto; text-align: center;}
.rebinding-box .box-timeline ul li{float: left;font-size: 16px;color: #999;width: 100px; position: relative;margin-right: 105px;}
/*.rebinding-box .box-timeline  div[class*=box-outside]{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}*/
.rebinding-box .box-timeline .outside1ab{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}
.rebinding-box .box-timeline .outside2ab{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}
.rebinding-box .box-timeline .outside3a{width: 38px; height: 38px; background-color: #d7d7d7; border-radius: 50%;line-height: 38px; margin: 10px auto; display:flex; display: -webkit-flex;  align-items:center;}
.rebinding-box .box-timeline .outside1ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;}
.rebinding-box .box-timeline .outside1ab:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;left: 71px;z-index: 2;}
    .rebinding-box .box-timeline .outside2ab:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 105px;
        background-color: #d7d7d7;
        top: 48px;
        right: 71px;
        z-index: 2;
    }

    .rebinding-box .box-timeline .outside2ab:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 105px;
        background-color: #d7d7d7;
        top: 48px;
        left: 71px;
        z-index: 2;
    }

.rebinding-box .box-timeline .outside2ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;}
.rebinding-box .box-timeline .outside3a:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #d7d7d7;top: 48px;right: 71px;z-index: 2;}
.rebinding-box .box-timeline  div[class*=box-num]{width: 26px; height: 26px;line-height: 26px; margin: 14px auto; border-radius: 50%; background-color: #ff8201;color: #fff; }
/*.rebinding-box .box-timeline  div[class*=box-nums]:after{content: ""; position:absolute; height: 1px; width: 105px;background-color: #ff8201;top: 46px;left: 71px;}*/
.rebinding-box .box-timeline .outside1ab .num2ab{background-color: #999;}
.rebinding-box .box-timeline .outside2ab .num3ab{background-color: #999;}
.rebinding-box .box-timeline .outside2ab .num3a{background-color: #999;}
.rebinding-box .box-timeline .outside3a .num4a{background-color: #999;}
.rebinding-box .box-timeline ul .box-num1{background-color: #ff8201;}
.rebinding-box .box-timeline .box-num2,.rebinding-box .box-timeline .box-num3,.rebinding-box .box-timeline .box-num4{margin-left: 45px;}
.rebinding-box .box-timeline .box-num1:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #ff8201;top: 48px;left: 71px;}
.rebinding-box .box-timeline .num2ab:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #ff8201;top: 48px;right: 71px;}
.rebinding-box .box-timeline .num2ab:after{content:"";position:absolute; height: 1px; width: 105px;background-color: #ff8201;top: 48px;left: 71px;}
    .rebinding-box .box-timeline .num3ab:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 105px;
        background-color: #ff8201;
        top: 48px;
        right: 71px;
    }

    .rebinding-box .box-timeline .num3ab:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 105px;
        background-color: #ff8201;
        top: 48px;
        left: 71px;
    }

.rebinding-box .box-timeline .num4a:before{content:"";position:absolute; height: 1px; width: 105px;background-color: #ff8201;top: 48px;right: 71px;}
/*第一步*/
.rebinding-box  div[class*=box-form] {width: 370px;margin-top: 130px;position: absolute;left: 42%;}
.rebinding-box  .twobox-form{display: none;}
.rebinding-box  .threebox-form{display: none;}
.rebinding-box  .fourbox-form{display: none;}
.rebinding-box .onebox-form .oneform-label{float: left;display: block;width:70px;text-align: center; font-size: 14px;height: 40px;line-height: 40px;}
.rebinding-box .onebox-form .oneform-input{margin-left: 75px;}
.rebinding-box .onebox-form .oneform-input input {border-radius: 6px;width: 100%; padding-left: 10px;}
.rebinding-box .onebox-form .oneform-input input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.rebinding-box .onebox-form .onebtn-box{width: 130px;height: 40px; margin:30px auto;}
.rebinding-box .onebox-form .onebtn-box .onebtn{width: 130px;height: 40px; margin: 0 auto;background-color: #ff8201;color: #fff;border-radius: 6px;font-size: 14px;}
/*第二步*/
.rebinding-box .twobox-form label{float: left;display: block;width: 70px;text-align: center; font-size: 14px;height: 40px; line-height: 40px; }
.rebinding-box .twobox-form .newtel{margin-bottom: 14px;}
.rebinding-box .twobox-form  div[class*=twoform-input]{margin-left: 75px;}
.rebinding-box .twobox-form input{border-radius: 6px;width: 100%; padding-left: 10px;}
.rebinding-box .twobox-form  .twoform-input2 input{width: 54%;}
.rebinding-box .twobox-form  .sendcode{float: right; width: 35%;height: 40px; margin: 0 auto;background-color: #ff8201;color: #fff;border-radius: 6px;font-size: 14px;margin-top: -40px;}
.rebinding-box .twobox-form  .twobtn-box{width: 130px;height: 40px; margin:30px 75px;}
.rebinding-box .twobox-form  .twobtn-box .twobtn{width: 130px;height: 40px;background-color: #ff8201;color: #fff;border-radius: 6px;font-size: 14px;}
/*第二步*/
.rebinding-box .twobox-form label{float: left;display: block;width: 70px;text-align: center; font-size: 14px;height: 40px; line-height: 40px; }
.rebinding-box .twobox-form .newtel{margin-bottom: 14px;}
.rebinding-box .twobox-form  div[class*=twoform-input]{margin-left: 75px;}
.rebinding-box .twobox-form input{border-radius: 6px;width: 100%; padding-left: 10px;}
.rebinding-box .twobox-form  .twoform-input2 input{width: 54%;}
.rebinding-box .twobox-form  .sendcode{float: right; width: 35%;height: 40px; margin: 0 auto;background-color: #ff8201;color: #fff;border-radius: 6px;font-size: 14px;margin-top: -40px;}
.rebinding-box .twobox-form  .twobtn-box{width: 130px;height: 40px; margin:30px 75px;}
.rebinding-box .twobox-form  .twobtn-box .twobtn{width: 130px;height: 40px;background-color: #ff8201;color: #fff;border-radius: 6px;font-size: 14px;}

/*第三步*/
.rebinding-box .threebox-form label {
    float: left;
    display: block;
    width: 70px;
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.rebinding-box .threebox-form .newtel {
    margin-bottom: 14px;
}

.rebinding-box .threebox-form div[class*=threeform-input] {
    margin-left: 75px;
}

.rebinding-box .threebox-form input {
    border-radius: 6px;
    width: 100%;
    padding-left: 10px;
}

.rebinding-box .threebox-form .threeform-input3 input {
    width: 54%;
}

.rebinding-box .threebox-form .sendcode {
    float: right;
    width: 35%;
    height: 40px;
    margin: 0 auto;
    background-color: #ff8201;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    margin-top: -40px;
}

.rebinding-box .threebox-form .threebtn-box {
    width: 130px;
    height: 40px;
    margin: 30px 75px;
}

    .rebinding-box .threebox-form .threebtn-box .threebtn {
        width: 130px;
        height: 40px;
        background-color: #ff8201;
        color: #fff;
        border-radius: 6px;
        font-size: 14px;
    }


/*第四步*/
.rebinding-box .fourbox-form .successr .symbol{width: 66px;height: 66px;border: solid 4px #ff8201;border-radius:50%;position: relative;margin: 0 auto;}
.rebinding-box .fourbox-form .successr .symbol:before{position: absolute; content: " ";width:36px; height:19px;border-left:4px solid #ff8201; border-bottom: 4px solid #ff8201;top: 12px;left: 10px;transform:rotate(-46deg);}
.rebinding-box .fourbox-form .successr p{font-size: 20px;text-align: center;margin-top: 15px;}
.rebinding-box .fourbox-form .successr button{width: 130px;height: 40px;background-color: #ff8201;color: #fff;margin: 7% 32%;border-radius: 6px;font-size: 14px;}


/* 扩展*/
#timer1{
    color:red;
}
.sendtimer {
    display:none;
    float: right;
    width: 35%;
    margin-top: -30px;
}